
<!DOCTYPE html>
<html lang="en">
<head>
  <title>这个是一个博客</title>
  <meta charset="utf-8">
  <link rel="icon" href="http//dzyngiri.com/favicon.png" type="image/x-icon">
  <link rel="shortcut icon" href="http//dzyngiri.com/favicon.png" type="image/x-icon" />
  <meta name="description" content="Codester is a free responsive Bootstrap template by Dzyngiri">
  <meta name="keywords" content="free, template, bootstrap, responsive">
  <meta name="author" content="Inbetwin Networks">
  <link rel="stylesheet" href="/css/bootstrap.css" type="text/css" media="screen">
  <link rel="stylesheet" href="/css/responsive.css" type="text/css" media="screen">
  <link rel="stylesheet" href="/css/style.css" type="text/css" media="screen">
  <link rel="stylesheet" href="/css/touchTouch.css" type="text/css" media="screen">
  <link rel="stylesheet" href="/css/kwicks-slider.css" type="text/css" media="screen">
  <link href='http//fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  <script type="text/javascript" src="/js/jquery.js"></script>
  <script type="text/javascript" src="/js/superfish.js"></script>
  <script type="text/javascript" src="/js/jquery.flexslider-min.js"></script>
  <script type="text/javascript" src="/js/jquery.kwicks-1.5.1.js"></script>
  <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="/js/jquery.cookie.js"></script>
  <script type="text/javascript" src="/js/touchTouch.jquery.js"></script>
  <script type="text/javascript">if($(window).width()>1024){document.write("<"+"script src='/js/jquery.preloader.js'></"+"script>");}	</script>

  <script>
    jQuery(window).load(function() {
      $x = $(window).width();
      if($x > 1024)
      {
        jQuery("#content .row").preloader();    }

      jQuery('.magnifier').touchTouch();
      jQuery('.spinner').animate({'opacity':0},1000,'easeOutCubic',function (){jQuery(this).css('display','none')});
    });

  </script>

  <!--[if lt IE 8]>
  <div style='text-align:center'><a href="http//www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http//www.theie6countdown.com//img/upgrade.jpg"border="0"alt=""/></a></div>
  <![endif]-->
  <!--[if (gt IE 9)|!(IE)]><!-->
  <!--<![endif]-->
  <!--[if lt IE 9]>
  <script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <link rel="stylesheet" href="/css/docs.css" type="text/css" media="screen">
  <link rel="stylesheet" href="/css/ie.css" type="text/css" media="screen">
  <link href='http//fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
  <link href='http//fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'>
  <![endif]-->

  <!--Google analytics code-->
  <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-29231762-1']);
    _gaq.push(['_setDomainName', 'dzyngiri.com']);
    _gaq.push(['_trackPageview']);

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https//ssl' : 'http//www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  </script>

  <style>
    .popup {
      width: 500px;
      height: 500px;
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: white;
      padding: 20px;
      border: 1px solid #ccc;
      z-index: 1000;
    }
    /* 覆盖页面的半透明背景 */
    .overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 999;
    }
    .closess {
      cursor: pointer;
      position: absolute;
      top: 5px;
      right: 5px;
      color: #ffffff;
    }
    .tankuang{
      width: 500px;
      height: 450px;
    }

    a:hover {
      cursor: pointer;
    }

    .icon-comment{
      background-position: -95px 0;
    }

  </style>
</head>

<body>
<div class="overlay"></div>
<div class="spinner"></div>
<!-- header start -->
<header>
  <div class="container clearfix">
    <div class="row">
      <div class="span12">
        <div class="navbar navbar_">
          <div class="container">
            <h1 class="brand brand_"><a href="index.jsp"><img alt="" src="/img/logo05.png" style="width: 300px; height: 60px;"></a></h1>
            <a class="btn btn-navbar btn-navbar_" data-toggle="collapse" data-target=".nav-collapse_">Menu <span class="icon-bar"></span> </a>
            <div class="nav-collapse nav-collapse_  collapse">
              <ul class="nav sf-menu">
                <li class="active"><a href="index.jsp">首页</a></li>
                <li class="sub-menu"><a href="findPersonal_centerServlet">个人中心</a></li>
                <li class="sub-menu"><a href="showNamesLogsServlet?title">日志中心</a></li>
                <li><a href="selectFriendServlet">好友</a></li>
                <li><a href="selectLikeServlet">消息</a></li>
<!--
                <li><a href="information.jsp">消息</a></li>
-->
                <li><a href="getFriendsServlet">私信</a></li>
                <li><a href="contacts.jsp">发布</a></li>
                <li><a href="log.jsp">登出</a></li>

              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>
<div class="bg-content">
  <div class="container">
    <div class="row">
      <div class="span12">
        <!-- slider -->
        <div class="flexslider">
          <ul class="slides">
            <li> <img id="img001" src="/img/slide-6.png" style="width: 770px;height:481px" alt="相册" > </li>
            <li> <img id="img002" src="/img/slide-7.png" style="width: 770px;height:481px" alt="相册" > </li>
            <li> <img id="img003" src="/img/slide-8.png" style="width: 770px;height:481px" alt="相册" > </li>
            <li> <img id="img004" src="/img/slide-9.png" style="width: 770px;height:481px" alt="相册" > </li>
            <li> <img id="img005" src="/img/slide-10.png" style="width: 770px;height:481px" alt="相册" > </li>
          </ul>
        </div>
        <span id="responsiveFlag"></span>
        <div class="block-slogan">
          <h2>昵称!</h2>
          <div>
            <p id="jianjie">欢迎来到我的博客世界！这里是思想的交汇地，生活的记录簿。在这里，你将领略到丰富多彩的文字盛宴。无论是对热门时事的深度剖析，还是对生活琐事的细腻感悟，都能在我的博客中找到。我用文字捕捉生活中的每一个美好瞬间，分享旅行中的奇妙见闻，探讨书中的深邃智慧。</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- content -->

  <div id="content" class="content-extra"><div class="ic"></div>
    <div class="row-1">
      <div class="container">
        <div class="row">
          <article class="span12">
            <h4>推荐日志</h4>
          </article>
          <div class="clear"></div>
          <div class="popup">
            <div class="tankuang" id="showLikeName"></div>
            <div class="buttons-wrapper"><a class="btn btn-1 closess">取消</a></div>
          </div>
          <ul class="portfolio clearfix">


          </ul>
        </div>
      </div>
    </div>
<!--    <div class="row-2">-->
<!--      <div class="container">-->
<!--        <h3>Completly Customizable and Responsive</h3>-->
<!--        <h3>Easy to Use. Totally Free to Download. Made with love!</h3>-->
<!--        <p>The complete template is created using the Bootstrap framework, which is highly customizable with lots of options.</p>-->
<!--        <a href="#" class="btn btn-1">Download</a>-->
<!--      </div>-->
<!--    </div>-->
    <div class="row-1">
      <div class="container">
        <div class="row">
          <article class="span12">
            <h4>热门</h4>
          </article>
          <ul class="thumbnails thumbnails-1">


          </ul>
        </div>
      </div>
    </div>

    <div class="container">
      <div class="row">
        <article class="span6">
          <h3>关于我们</h3>
          <div class="wrapper">
            <figure class="img-indent"><img src="/img/15.jpg" alt="" /></figure>
            <div class="inner-1 overflow extra">
              <div class="txt-1">这里是美女的秀场。每一张照片都展现着女性的独特魅力，或婀娜多姿，或俏皮可爱，或优雅大气。从迷人的曲线到精致的面容，从时尚的穿搭到自信的姿态，这里汇聚了各种风格的美女照片，满足你对美的不同追求。</div>
              违法和不良信息举报电话：151-3251-2447，最终解释权归美少女所有
            </div>
          </div>
        </article>
        <article class="span6">
          <h3>常用网页链接</h3>
          <div class="wrapper">
            <ul class="list list-pad">
              <li><a href="https://www.baidu.com/">百度</a></li>
              <li><a href="https://www.douyin.com/?ug_source=yd_hj">抖音</a></li>
              <li><a href="https://adzhp.net/">爱达杂货铺</a></li>
              <li><a href="http://gbtgame.ysepan.com/">GBT</a></li>
            </ul>
            <ul class="list list-pad">
              <li><a href="https://store.steampowered.com/">steam</a></li>
              <li><a href="https://www.wallpaperengine.io/zh-hans">wallpaper</a></li>
              <li><a href="https://zhutix.com/">致美化</a></li>
              <li><a href="https://www.mi.com/?g_utm=Thirdparty.Baidu.ProductUnion.BrandZone-Baidu-PC.Brand-A-2">小米</a></li>
            </ul>
            <ul class="list list-pad">
              <li><a href="#">Campaigns</a></li>
              <li><a href="#">Portraits</a></li>
              <li><a href="#">Fashion</a></li>
              <li><a href="#">Fine Art</a></li>
            </ul>
            <ul class="list">
              <li><a href="#">Advertising</a></li>
              <li><a href="#">Lifestyle</a></li>
              <li><a href="#">Love story</a></li>
              <li><a href="#">Landscapes</a></li>
            </ul>
          </div>
        </article>
      </div>
    </div>
  </div>
</div>

<!-- footer -->
<footer>
  <div class="container clearfix">
    <ul class="list-social pull-right">
      <li><a class="icon-1" href="#"></a></li>
      <li><a class="icon-2" href="#"></a></li>
      <li><a class="icon-3" href="#"></a></li>
      <li><a class="icon-4" href="#"></a></li>
    </ul>
    <div class="privacy pull-left">&copy; 2013 | <a href="http//www.dzyngiri.com">Dzyngiri : Online Design Magazine</a> | <a href="http//twitter.github.com/bootstrap/" target="_blank">Bootstrap</a> | Demo Illustrations by <a href="http//justinmezzell.com" target="_blank">Justin Mezzell</a></div>
  </div>
</footer>
<!--<script type="text/javascript" src="/js/bootstrap.js"></script>-->

<script>
  /*function showPopup(id) {
    document.querySelector('.popup').style.display = 'block';
    document.querySelector('.overlay').style.display = 'block';
    $.ajax({
      url:"likeCountServlet",
      type:"post",
      data:"logsId="+id,
      dataType:"json",
      success:function (persons){
        for (var i = 0;i <persons.length;i++){
          var $div = $("<div style='height: 50px;display: flex;align-items: center'>" +
                  "<img src='/img/"+persons[i].profilePhoto+"' style='height: 30px; width: 30px;text-align: center;margin: 0; padding-right: 20px'>" +
                  "<span style='font-size: 20px;line-height: 30px;text-align: center'>"+persons[i].nickname+"</span>" +
                  "</div>")
          $("#showLikeName").append($div)
        }
      }
    })

  }
  function closePopup() {
    document.querySelector('.popup').style.display = 'none';
    document.querySelector('.overlay').style.display = 'none';
    $("#showLikeName").html(" ")
  }
  document.querySelector('.closess').addEventListener('click', closePopup);

*/


  $(function (){
    $.ajax({
      url:"/showIndexLogs",
      type:"post",
      dataType:"json",
      success:function (logs){
        for (var i = 0;i<logs.length;i++){
          var $li = $("<li class='span3' style='width: 270px; height:400px;  margin-top: 20px'>" +
                  "<div class='thumbnail thumbnail-1'>"+
                  "<h3 style='height: 68px'>"+logs[i].title+"</h3>" +
                  "<img  src='/img/"+logs[i].img+"' style='height: 152px;'>"+
                  " <section>"+
                  " <div class='meta'>"+
                  "<time datetime="+logs[i].datetime+" class='date-1'><i class='icon-calendar'></i>"+logs[i].datetime+"</time>"+
                  "<div class='name-author'><i class='icon-user'></i> <a href='findPersonal_centerServletByOther?logsId="+logs[i].logsId+"'>"+logs[i].nickName+"</a></div>"+
                  " <a class='comments' onclick='showPopup("+logs[i].logsId+")' id='abcde'><i class='icon-comment'></i> "+logs[i].like+" 点赞</a>"+
                  " </div>"+
                  "<div class='clear'></div>"+
                  "<p>"+logs[i].description+"</p>"+
                  "<a href='showOneLogs?id="+logs[i].logsId+"' class='btn btn-1'>查看详情</a> </section>"+
                  " </div>"+
                  "</li>")
          $(".portfolio").append($li)
        }
      }
    })
  })


/*
  $(function (){
    $.ajax({
      url:"showFourLogsServlet",
      type:"post",
      dataType:"json",
      success:function (logs){
        for (var i = 0;i<logs.length;i++){
          var $li = $("<li class='span3' style='width: 268px; height:400px; margin-top: 20px;border-radius: 4px;border: 1px solid #ddd'>" +
                  "<div class='thumbnail thumbnail-1' style='margin-left: 4px;height: 400px'>"+
                  "<h3 style='height: 68px;'>"+logs[i].title+"</h3>" +
                  "<img  src='/img/"+logs[i].img+"'>"+
                  " <section>"+
                  " <div class='meta' >"+
                  "<time datetime="+logs[i].datetime+" class='date-1'><i class='icon-calendar'></i>"+logs[i].datetime+"</time>"+
                  "<div class='name-author'><i class='icon-user'></i> <a href='findPersonal_centerServletByOther?logsId="+logs[i].logsId+"'>"+logs[i].nickName+"</a></div>"+
                  " <a class='comments' onclick='showPopup()'><i class='icon-comment'></i> "+logs[i].like+" 点赞</a>"+
                  " </div>"+
                  "<div class='clear'></div>"+
                  "<p>"+logs[i].description+"</p>"+
                  "<input id='zzzzzz' type='hidden' value='"+logs[i].logsId+"'>"+
                  "<a href='showOneLogs?id="+logs[i].logsId+"' class='btn btn-1' style='margin-bottom: 5px;display: inline-block'>查看详情</a> </section>"+
                  " </div>"+
                  "</li>")
          $(".thumbnails").append($li)
        }
      }
    })
  })

  $(function (){
    $.ajax({
      url:"showIndexNickServlet",
      type:"post",
      dataType:"json",
      success:function (pren){
        $(".block-slogan h2").html(pren.nickname)
      }
    })
  })

/!*******new   *!/
$(function (){
  $.ajax({
    url:"indexCSHServlet",
    type:"post",
    dataType:"JSON",
    success:function (about){
      $("#img001").attr("src","/img/"+about.img1)
      $("#img002").attr("src","/img/"+about.img2)
      $("#img003").attr("src","/img/"+about.img3)
      $("#img004").attr("src","/img/"+about.img4)
      $("#img005").attr("src","/img/"+about.img5)
      $("#jianjie").html(about.introduction)

    }
  })
})

*/



  /*
               <div class="name-author"><i class="icon-user"></i> <a href="#">发布人</a></div>
                <a class="comments" onclick="showPopup()"><i class="icon-comment"></i> 7 点赞</a>
                  </div>
                  <div class="clear"></div>
                  <p>简介简介简介简介简介简介简介简介简介简介简介简介简介</p>
                  <a href="#" class="btn btn-1">查看详情</a> </section>
              </div>*/
</script>
</body>
</html>
